@media screen and (max-width:480px) {
    /*首页banner*/
    .m_mn {
        margin: 0 auto;
        width: 90%;
    }
    .banner {
        height: 4.275362rem;
        width: 100%;
        overflow: hidden;
        z-index: auto;
        margin: 0 auto;
    }
    .banner .m_mn {
        position: relative;
        height: 4.275362rem;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        overflow: hidden;
        background-size: 100%;
    }
    .swiper-banner .swiper-slide a {
        display: block;
        height: 100%;
        width: 100%;
    }
    .banner .tt .f-btn {
        width: 150px;
        height: 45px;
        margin: 25px 0;
        font-size: 16px;
        color: #000;
        border-radius: 35px;
        text-align: center;
        -webkit-transition: all .5s;
        transition: all .5s;
        background: #fac503;
        position: relative;
        overflow: hidden;
        display: none;
    }
    .banner .tt .f-btn:before {
        content: "";
        background: rgba(0, 0, 0, 0.1);
        -webkit-transform: skew(45deg, 0);
        transform: skew(45deg, 0);
        width: 0;
        height: 100%;
        position: absolute;
        top: 0px;
        left: -30px;
        z-index: -1;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    .banner .tt .f-btn:hover:before {
        width: 150%;
    }
    .banner .tt img {
        margin-bottom: 15px;
    }
    .banner .ads1 {
        color: #ffffff;
        font-size: 18px;
        text-align: left;
    }
    .banner .ads1 .tt {
        left: 0;
        top: .531401rem;
        line-height: .869565rem;
        position: absolute;
    }
    .banner-pages .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        display: inline-block;
        background-color: #ffffff;
        opacity: .5;
        border-radius: 50px;
    }
    .banner-pages .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff;
    }
    .banner-pages .swiper-pagination-bullet-active {
        width: 50px;
        opacity: 1;
        background: #ffffff;
    }
    .banner .ani {
        font-size: .434783rem;
    }
    .banner .font40 {
        font-size: .531401rem;
    }
    .banner .sub-mouse {
        height: 43px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -20px;
        cursor: pointer;
        z-index: 999999;
        zoom: 0.9;
        -moz-transform: scale(0.9);
        display: none;
    }
    .banner .sub-mouse:after {
        display: none;
        z-index: -1;
        position: absolute;
        content: '';
        top: -30px;
        left: 50%;
        height: 53px;
        border-right: 1px solid #333;
        margin-left: -1px;
    }
    .banner .sub-mouse span {
        text-align: center;
        display: block;
        position: relative;
        width: 50%;
        height: 100%;
        animation: ani-svg 0.85s linear 0s alternate infinite;
        -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
        margin: 0 auto;
    }
    .banner .sub-mouse i {
        position: absolute;
        bottom: 5px;
        left: 50%;
        color: #000;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    .swiper-banner .swiper-pagination-banner {
        position: absolute;
        z-index: 999;
        color: #fff;
        font-size: 22px;
        width: 85px;
        right: 22%;
        left: auto;
        bottom: 11%;
        display: none;
    }
    .swiper-banner .swiper-pagination-banner .num {
        font-size: 30px;
        color: #fac503;
    }
    .banner .ui-loop {
        position: absolute;
        bottom: 7%;
        right: 12%;
        z-index: 999;
        display: flex;
        display: none;
    }
    .prev-banner,
    .next-banner {
        width: 3.5vw;
        height: 3.5vw;
        cursor: pointer;
        background: url(../img/banner-r.png) center center no-repeat;
    }
    .banner .prev-banner {
        background: url(../img/banner-l.png) center center no-repeat;
    }
    .banner .path-loop {
        fill: none;
        stroke: #fac503;
        stroke-miterlimit: 10;
        stroke-width: 2px;
    }
    .banner .path-loop-bg {
        fill: none;
        stroke: #fff;
        stroke-miterlimit: 10;
        stroke-width: 2px;
        opacity: 0.1;
    }
    @keyframes ani-svg {
        0% {
            opacity: 0.4;
            transform: translateY(-20px);
        }
        15% {
            opacity: 0.65;
            transform: translateY(-15px);
        }
        25% {
            opacity: 0.8;
            transform: translateY(-10px);
        }
        50% {
            opacity: 1;
            transform: translateY(0px);
        }
        65% {
            opacity: 0.8;
            transform: translateY(5px);
        }
        75% {
            opacity: 0.65;
            transform: translateY(10px);
        }
        100% {
            opacity: 0.4;
            transform: translateY(15px);
        }
    }
    @-webkit-keyframes ani-svg {
        0% {
            opacity: 0.4;
            -webkit-transform: translateY(-20px);
        }
        15% {
            opacity: 0.65;
            -webkit-transform: translateY(-15px);
        }
        25% {
            opacity: 0.8;
            -webkit-transform: translateY(-10px);
        }
        50% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }
        65% {
            opacity: 0.8;
            -webkit-transform: translateY(5px);
        }
        75% {
            opacity: 0.65;
            -webkit-transform: translateY(10px);
        }
        100% {
            opacity: 0.4;
            -webkit-transform: translateY(15px);
        }
    }
    @-moz-keyframes ani-svg {
        0% {
            opacity: 0.4;
            -moz-transform: translateY(-20px);
        }
        15% {
            opacity: 0.65;
            -moz-transform: translateY(-15px);
        }
        25% {
            opacity: 0.8;
            -moz-transform: translateY(-10px);
        }
        50% {
            opacity: 1;
            -moz-transform: translateY(0px);
        }
        65% {
            opacity: 0.8;
            -moz-transform: translateY(5px);
        }
        75% {
            opacity: 0.65;
            -moz-transform: translateY(10px);
        }
        100% {
            opacity: 0.4;
            -moz-transform: translateY(15px);
        }
    }
    .explore {
        background: #fff100;
        color: #222;
        font-size: .31401rem;
        height: .845411rem;
        line-height: .845411rem;
    }
    .explore .zxcontent {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .explore .f-btn1 {
        width: 198px;
        font-size: 1rem;
        color: #000;
        text-align: center;
        background: #fac503;
        padding: 0.5rem 0;
        display: none;
    }
    /*首页关于我们*/
    .index-about {
        margin: auto;
        height: auto;
        margin-top: 1.207729rem;
    }
    .aboutl {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden;
    }
    .aboutl .f-btn1 {
        font-size: 1rem;
        color: #000;
        text-align: left;
        background: #fac503;
        padding: 0.8rem 3.2rem;
        text-indent: 0.5rem;
        display: none;
    }
    .aboutl .f-btn12 {
        float: none;
        margin: auto;
        display: block;
        width: 4.057971rem;
        color: #fff;
        text-align: center;
        height: 1.014493rem;
        background: #fac503;
        line-height: 1.014493rem;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .aboutl .f-btn12 i {
        display: none;
    }
    .aboutl .f-btn12:hover {
        background: #fac503;
        color: #fff;
        border: 1px solid #fac503;
    }
    .aboutl h1 {
        font-weight: bold;
        font-size: .458937rem;
    }
    .aboutl h2 {
        margin-bottom: .483092rem;
        font-size: .531401rem;
    }
    .aboutl p {
        color: #666;
        margin-bottom: .676329rem;
        line-height: .628019rem;
    }
    .aboutr {
        width: 100%;
        float: none;
        height: auto;
        margin-top: 1.207729rem;
    }
    .aboutrbg {
        width: 100%;
        height: auto;
        padding: .072464rem;
    }
    .aboutrbg video {
        background: #fac503;
        border: .096618rem #fac503 solid;
    }
    .index-about .about-date {
        background-color: #fff;
        font-family: "hkyt";
        margin: 0 auto;
        margin-top: 1.014493rem;
        margin-bottom: 1.014493rem;
    }
    .index-about .about-date .layout_box .module_ul {
        flex-wrap: wrap;
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .index-about .about-date .layout_box li {
        width: 50%;
        background-color: #fff;
        box-sizing: border-box;
        display: inline-block;
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        -o-align-content: center;
        align-content: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 10px 0;
        position: relative;
    }
    .index-about .about-date .layout_box li::after {
        content: "";
        position: absolute;
        height: .966184rem;
        width: 1px;
        background: #eee;
        right: 0;
    }
    .index-about .about-date .layout_box li:nth-child(2n):after {
        display: none;
    }
    .index-about .about-date .layout_box li .number .counterDX {
        font-size: .676329rem;
        color: #fac503;
    }
    .index-about .about-date .layout_box li:nth-child(1) .number .unit {
        font-size: .338164rem;
        font-weight: lighter;
    }
    .index-about .about-date .layout_box li .number .unit {
        font-size: .338164rem;
        color: #666;
        vertical-align: super;
        margin-left: 0.1rem;
    }
    .index-about .about-date .layout_box li .number {
        margin-top: -0.120773rem;
    }
    .index-about .about-date .layout_box li .title_p {
        font-size: .338164rem;
        color: #666;
    }
    /*首页合作*/
    .hezuo {
        width: 100%;
        height: 100%;
    }
    .hezuo h2 {
        color: #fac503;
        font-size: .362319rem;
    }
    .hezuo h1 {
        width: 100%;
        color: #000;
        font-size: .55rem;
        font-weight: bold;
    }
    .hezuo ul {
        width: 100%;
        overflow: hidden;
        margin: .966184rem 0;
    }
    .hezuo ul li {
        width: 48.5%;
        height: 100%;
        float: left;
        margin-right: 3%;
        overflow: hidden;
        margin-bottom: 4%;
        border: 1px solid #eee;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .hezuo ul li img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .hezuo ul li:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    .hezuo ul li:hover {
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1)
    }
    .hezuo ul li:nth-child(2n) {
        margin-right: 0;
    }
    .hezuo ul li img {
        width: 100%;
        cursor: pointer;
    }
    /*首页优势*/
    .ys {
        background: url(../img/plan_bg.jpg) no-repeat center top;
        width: 100%;
        padding: 1.207729rem 0 1.35rem 0;
        position: relative;
        text-align: center;
    }
    .ys h1 {
        font-size: .434783rem;
        font-weight: 600;
    }
    .ys h2 {
        font-size: .434783rem;
        color: #fac503;
        margin-bottom: .362319rem;
    }
    .ysl {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .ysl h1 {
        font-size: .531401rem;
        font-weight: bold;
        color: #222222;
    }
    .ysr {
        width: 42%;
        display: none;
    }
    .ysr p {
        font-size: 20px;
        margin-bottom: 15%;
        line-height: 30px;
        color: #333;
    }
    .ys .sub-mouse1 {
        display: none;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -144px;
        left: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
        z-index: 2;
        zoom: 0.9;
        background: #222;
        border-radius: 50% 50% 0 0;
    }
    .ys .sub-mouse1:after {
        display: none;
        z-index: -1;
        position: absolute;
        content: '';
        top: -30px;
        left: 50%;
        height: 53px;
        border-right: 1px solid #333;
        margin-left: -1px;
    }
    .ys .sub-mouse1 span {
        text-align: center;
        display: block;
        position: relative;
        width: 50%;
        height: 100%;
        animation: ani-svg 0.85s linear 0s alternate infinite;
        -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
        margin: 0 auto;
        margin-top: 26px;
    }
    .ys .sub-mouse1 i {
        position: absolute;
        bottom: 5px;
        left: 50%;
        color: #000;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    #famous_school_list {
        overflow: hidden;
        margin-top: .966184rem;
    }
    #famous_school_list .swiper-slide {
        width: 100%;
        background: #fff;
        height: auto;
        float: left;
        padding: 6%;
        position: relative;
        min-height: 11.304348rem;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        top: 0;
    }
    #famous_school_list .swiper-slide .plan-ico {
        margin-bottom: .724638rem;
        margin-top: .603865rem;
    }
    #famous_school_list .swiper-slide p {
        font-size: .362319rem;
        color: #666;
        line-height: .676329rem;
        margin-top: 7%;
        max-height: 2.705314rem;
        overflow: hidden;
    }
    #famous_school_list .swiper-slide p::after {
        content: "";
        height: .048309rem;
        background-color: #eee;
        position: absolute;
        bottom: 1.8rem;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 86%;
    }
    #famous_school_list .swiper-slide p::before {
        content: "";
        height: .048309rem;
        background-color: #fac503;
        position: absolute;
        bottom: 1.8rem;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0%;
        z-index: 999;
    }
    #famous_school_list .swiper-slide:hover>p::before {
        width: 86%;
    }
    #famous_school_list .swiper-slide .line {
        height: .048309rem;
        background: #ccc;
        display: none;
    }
    #famous_school_list .swiper-slide .dian {
        width: .4rem;
        height: .4rem;
        background: #fac503;
        position: absolute;
        bottom: 1.062802rem;
        right: 7%;
    }
    .ys .zxcontent .ys-swiper-pagination {
        position: relative;
        bottom: -0.362319rem;
    }
    .ys .zxcontent .ys-swiper-pagination span {
        width: .9rem;
        border-radius: 0px;
        height: .085rem;
        margin: 0 .120773rem;
    }
    .ys .zxcontent .ys-swiper-pagination span.swiper-pagination-bullet-active {
        background: #fac503;
    }
    /*首页案例*/
    .case {
        background: #222;
        min-height: 500px;
    }
    /*首页新闻*/
    .news {
        background: #fff;
        padding: 1.207729rem 0 1.35rem 0;
    }
    .news .title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .news .title p {
        color: #fac503;
        font-size: .362319rem;
    }
    .news .title h1 {
        width: 100%;
        color: #000;
        font-size: .55rem;
        font-weight: bold;
    }
    .more1 {
        background: #fac503;
        display: block;
        width: 3.091787rem;
        height: .917874rem;
        line-height: .917874rem;
        border-radius: 50px;
        text-align: center;
    }
    .news .zxcontent .news-list {
        overflow: hidden;
        position: relative;
        margin-top: .966184rem;
    }
    .news .zxcontent .news-list .news-swiper-pagination {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 9;
        left: auto;
        width: auto;
    }
    .news .zxcontent .news-list .news-swiper-pagination span {
        height: 8px;
        width: 8px;
        display: inline-block;
        background: #fac503;
        border-radius: 50%;
        margin-left: .120773rem;
    }
    .newcon {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .newcon .newconL .pic {
        overflow: hidden;
        border: .072464rem solid #fac503;
    }
    .newcon .newconL .pic img {
        max-width: 100%;
    }
    .newcon .newconL h5 {
        font-weight: bold;
        margin: .724638rem 0 .362319rem;
    }
    .newcon .newconL h5 a {
        font-size: .4rem;
        color: #222;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .newcon .newconL h5 a font {
        display: none;
    }
    .newcon .newconL h5 a:hover {
        color: #fac503;
    }
    .newconL {
        position: relative;
        margin-bottom: .845411rem;
    }
    .newconL p {
        font-size: .338164rem;
        color: #666;
        line-height: .555556rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .newconR {
        width: 48%;
        display: none;
    }
    .newconR ul {
        width: 100%;
        height: auto;
    }
    .newconR ul li {
        width: 100%;
        padding: 20px 10px;
        border: 2px solid #ccc;
        font-size: 1rem;
        display: flex;
        align-items: center;
        margin-bottom: 1.8rem;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .newconR ul li .font::after {
        content: "";
        height: 30px;
        background-color: #ccc;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 2px;
        z-index: 1;
    }
    .newconR ul li:hover>.font::after {
        background-color: #fac503;
    }
    .newconR ul li span {
        padding: 0 1rem;
    }
    .newconR ul li .font {
        padding: 0 1rem;
        position: relative;
        padding-right: 30px;
        margin-right: 25px;
        text-align: center;
        font-size: 17px;
    }
    .newconR ul li p {
        margin-bottom: 0;
    }
    .newconR ul li p:first-child {
        font-size: 22px;
    }
    .newconR ul li:hover {
        border: 2px solid #fac503;
    }
    /* 首页案例 */
    .index-case {
        background: #222222;
        width: 100%;
        padding: 1.207729rem 0 1.35rem 0;
        position: relative;
    }
    .index-case .zxcontent {
        width: 92%;
        margin: auto;
    }
    .index-case .zxcontent .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: auto;
    }
    .index-case .zxcontent .top .title {
        color: #fff;
    }
    .index-case .zxcontent .top .title h1 {
        font-size: .55rem;
        font-weight: bold;
        color: #fac503;
    }
    .index-case .zxcontent .top .title h2 {
        font-size: .362319rem
    }
    .index-case .zxcontent .top .more-bnt a {
        background: #fac503;
        display: block;
        width: 3.091787rem;
        height: .917874rem;
        line-height: .917874rem;
        border-radius: 50px;
        text-align: center;
    }
    .index-case .zxcontent .swiper-container {
        margin-top: .966184rem;
    }
    .index-case .zxcontent .swiper-container .case-navigation {
        width: 68%;
        margin: auto;
        position: relative;
        z-index: 99999999999;
        overflow: hidden;
        height: 60px;
        top: -242px;
        display: none;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-next {
        cursor: pointer;
        position: absolute;
        height: 60px;
        width: 60px;
        background: #fff;
        border-radius: 50%;
        right: 0;
        top: 0px;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 30px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        line-height: 60px;
        color: #666;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-prev {
        cursor: pointer;
        position: absolute;
        height: 60px;
        width: 60px;
        background: #fff;
        border-radius: 50%;
        left: 0;
        top: 0px;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 30px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        line-height: 60px;
        color: #666;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-prev:hover {
        background: #fac503;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-next:hover {
        background: #fac503;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-prev:hover::after {
        color: #fff;
    }
    .index-case .zxcontent .swiper-container .case-navigation .case-button-next:hover::after {
        color: #fff;
    }
    .index-case .zxcontent .case-list .item {
        width: 50%;
    }
    .index-case .zxcontent .case-list .item .video {
        position: relative;
        border: .072464rem solid #fac503;
    }
    .index-case .zxcontent .case-list .item .video .btn-play {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        width: 1.207729rem;
        height: 1.207729rem;
        margin: auto;
        display: none;
    }
    .index-case .zxcontent .case-list .item .video .btn-play img {
        width: 100%;
    }
    .index-case .zxcontent .case-list .item .text {
        max-width: 100%;
    }
    .index-case .zxcontent .case-list .item .text h5 {
        margin: .676329rem 0;
        margin-bottom: .386473rem;
    }
    .index-case .zxcontent .case-list .item .text h5 a {
        font-size: .531401rem;
        color: #ffffff;
    }
    .index-case .zxcontent .case-list .item.swiper-slide-active .text h5 a {
        color: #fac503;
        font-size: .458937rem;
    }
    .index-case .zxcontent .case-list .item .text .more {
        /* display: flex; */
        display: none;
        align-items: center;
    }
    .index-case .zxcontent .case-list .item .text .more a {
        color: #fac503;
        font-size: 20px;
        margin-right: 10px;
    }
    .index-case .zxcontent .case-list .item .text p {
        color: #fff;
        font-size: .31401rem;
        line-height: .628019rem;
        display: none;
    }
    .index-case .zxcontent .case-list .swiper-slide-next {
        z-index: 1;
        opacity: 1;
        transition-duration: 0ms;
    }
    .index-case .zxcontent .case-list .swiper-slide-prev {
        z-index: 1;
        opacity: 1;
        transition-duration: 0ms;
    }
    .index-case .zxcontent .case-list .swiper-slide-next .video {
        border: none;
    }
    .index-case .zxcontent .case-list .swiper-slide-next .text .more {
        display: flex;
        justify-content: flex-end;
    }
    .index-case .zxcontent .case-list .swiper-slide-prev .text .more {
        display: flex;
    }
    .index-case .zxcontent .case-list .swiper-slide-prev .video {
        border: none;
    }
    .index-case .zxcontent .case-list .swiper-slide-active {
        z-index: 99;
    }
    .index-case .zxcontent .case-list .swiper-slide-active .video .btn-play {
        display: block;
    }
    .index-case .zxcontent .case-list .swiper-slide-active .text p {
        display: block;
    }
    .index-case .zxcontent .case-list .item .video .video-bg img {
        max-width: 100%;
    }
    .index-case .zxcontent .case-list .item.swiper-slide-active .video video {
        display: block;
    }
    .index-case .zxcontent .case-list .item .video video {
        display: none;
    }
    .index-case .zxcontent .case-list .item.swiper-slide-prev .text {
        position: absolute;
        top: 120%;
        left: 15%;
    }
    .index-case .zxcontent .case-list .item.swiper-slide-next .text {
        position: absolute;
        top: 120%;
        right: 15%;
    }
    .index-case .zxcontent .sub-mouse1 {
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -144px;
        left: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
        z-index: 2;
        zoom: 0.9;
        background: #fff;
        border-radius: 50% 50% 0 0;
        display: none;
    }
    .index-case .zxcontent .sub-mouse1:after {
        display: none;
        z-index: -1;
        position: absolute;
        content: '';
        top: -30px;
        left: 50%;
        height: 53px;
        border-right: 1px solid #333;
        margin-left: -1px;
    }
    .index-case .zxcontent .sub-mouse1 span {
        text-align: center;
        display: block;
        position: relative;
        width: 50%;
        height: 100%;
        animation: ani-svg 0.85s linear 0s alternate infinite;
        -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
        margin: 0 auto;
        margin-top: 26px;
    }
    .index-case .zxcontent .sub-mouse1 i {
        position: absolute;
        bottom: 5px;
        left: 50%;
        color: #000;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    .index-case .case-swiper-pagination {
        text-align: center;
        margin-top: .724638rem;
    }
    .index-case .case-swiper-pagination span {
        background: #fff;
        opacity: 1;
        margin: 0 .048309rem;
    }
    .index-case .case-swiper-pagination span.swiper-pagination-bullet-active {
        background: #fac503;
    }
}